<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <meta name="keywords" content="vue-iview-admin-template,后台系统,管理后台,后台模版,vue后台,vue-admin,vue-admin-template">
  <meta name="description" content="vue-iview-admin-template 是一款开箱即用的 Vue 中后台管理系统模版">
  <title><%= htmlWebpackPlugin.options.title %></title>
  <!-- 使用CDN的CSS文件 -->
  <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
  <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="external nofollow preload" as="style">
  <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="external nofollow stylesheet">
  <% } %>
  <!-- 使用CDN的JS文件 -->
  <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
  <link href="<%= htmlWebpackPlugin.options.cdn.js[i] %>" rel="external nofollow preload" as="script">
  <% } %>
  <style>
    body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
    .app-main {      position: absolute;z-index: 10000;top: 0;left: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;user-select: none;color: #736477;background-color: snow; }
    .app-main .loading {position: relative;display: inline-block;width: 1em;height: 1em;color: inherit;vertical-align: middle;pointer-events: none;transform: scale(3);}
    .app-main .loading::before,
    .app-main .loading::after {content: '';display: block;position: absolute;background-color: currentColor;left: 50%;right: 0;top: 0;bottom: 50%;box-shadow: -0.5em 0 0 currentColor;animation: loading 1s linear infinite;}
    .app-main .loading::after {top: 50%;bottom: 0;animation-delay: 0.25s;}
    @keyframes loading {
      0%,
      100% {
        box-shadow: -0.5em 0 0 transparent;
        background-color: currentColor;
      }
      50% {
        box-shadow: -0.5em 0 0 currentColor;
        background-color: transparent;
      }
    }
    .app-main .text {font-size: 24px;margin-top: 50px;}
  </style>
</head>
<body>
<noscript>
  <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
    Please enable it to continue.</strong>
</noscript>
<div id="app">
  <div class="app-main">
    <div class="loading"></div>
    <div class="text"><%= htmlWebpackPlugin.options.title %>载入中…</div>
  </div>
</div>
<!-- built files will be auto injected -->
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
<script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
<% } %>
<% if (htmlWebpackPlugin.options.debugTool == 'eruda') { %>
<script src="https://cdn.jsdelivr.net/npm/eruda/eruda.min.js"></script>
<script>eruda.init();</script>
<% } %>
<% if (htmlWebpackPlugin.options.debugTool == 'vconsole') { %>
<script src="https://cdn.jsdelivr.net/npm/vconsole/dist/vconsole.min.js"></script>
<script>new VConsole();</script>
<% } %>
</body>
</html>
